<div class="site-content">
  <main class="site-main">

  
  <div class="section">
    <div class="container">
        <div class="module slider big owl nav-white autoplay">
  @Slider_Start
                        <article class="post lazyload visible post-738 type-post status-publish format-standard has-post-thumbnail hentry category-love tag-18" data-bg="@Image">
                <div class="entry-wrapper" style="top: auto;max-width: 100%;height:30px;     text-align: center;  padding: 0;">
                  
  <header class="entry-header white">         
  	<div class="entry-meta">
                  <span class="meta-author">
            <a>
             </a>
          </span>
                  <span class="meta-category">
                         
                      </span>
              </div>
    
    <h2 class="entry-title">@Title</h2>  </header>                                      <div class="entry-excerpt u-text-format">
                            </div>
                                    <div class="entry-footer">
  <ul class="post-meta-box">

        <li class="meta-date">
      
    </li>
            <li class="meta-views"></li>
            <li class="meta-comment"></li>
                  
  </ul>
</div>                </div>
                <a class="u-permalink" href="@Url" target="_blank"></a>
              </article>
  @Slider_End
		</div>
    </div>
  </div>
  
  
  
<div class="section">
  <div class="container">
    <div class="row">
      <!-- 文章 -->
      <div class="col-lg-12">
        <div class="content-area">
          <main class="site-main">
                                                       <h3 class="section-title"><span>最新文章</span></h3>
                                            <div class="row posts-wrapper">
  
  @Article_Start
<div class="col-lg-1-5 col-6 col-sm-6 col-md-4 col-lg-3">
  <article id="post-@Id" class="post post-grid post-@Id type-post status-publish format-standard post-password-required hentry category-technology">
      <div class="entry-media">
    <div class="placeholder" style="padding-bottom: 66.666666666667%;">
      <a href="/Detail/@Id.html" target="_blank">
        <img class=" lazyloaded" data-src="@Thumb" src="@Thumb" alt="@Title">  
      </a>
          </div>
      </div>
      <div class="entry-wrapper">
              <a class="grid_author_avt" href="/Detail/@Id.html" target="_blank"><div class="grid_author_bggo avatar bg-cover" style="background-image: url(@AuthorImage);"></div> </a>
            
  <header class="entry-header">          <div class="entry-meta">
                  <span class="meta-category">
                          <a href="/List/@CateId.html" rel="category" target="_blank">
                  <i class="dot"></i>@CateName              </a>
                      </span>
              </div>
    
    <h2 class="entry-title"><a href="/Detail/@Id.html" title="@Title" rel="bookmark" target="_blank">@Title</a></h2>  </header>            <div class="entry-footer">
  <ul class="post-meta-box">

        <li class="meta-date">
      <time datetime="@Time"><i class="fa fa-clock-o"></i> @Time</time>
    </li>
            <li class="meta-views"><span><i class="fa fa-eye"></i> @Hits</span></li>
            <!--<li class="meta-comment"><span><i class="fa fa-comments-o"></i> 0</span></li>-->
                  
  </ul>
</div>    </div>
  </article>
</div>

,12
@Article_End




			</div>
                            

  <div class="infinite-scroll-status">
    <div class="infinite-scroll-request"></div>
  </div>
  <div class="infinite-scroll-action">
    <div class="infinite-scroll-button button">加载更多</div>
  </div>
                      </main>
        </div>
      </div>
          </div>
  </div>
</div>
  
  
  </main>
  </div>

  

  
  
  
  
<div class="footer-links">
				<h6>友情链接：</h6>
				<ul class="friendlinks-ul">
                 @Link_Start
  					<li><a target="_blank" href="@Url" title="@Name" @Nofollow>@Name</a></li>
                @Link_End
				</ul>
</div>
  <script>
  $(function(){
    var html = $(".footer-links")[0].outerHTML;
    $(".footer-links")[0].remove();
    $(".footer-widget").after(html);
	
	var limit = 12;
	var page = 2;
	var template = `<div class='col-lg-1-5 col-6 col-sm-6 col-md-4 col-lg-3'>
  <article id='post-@Id' class='post post-grid post-@Id type-post status-publish format-standard post-password-required hentry category-technology tag-sspanel tag-v2ray'>
      <div class='entry-media'>
    <div class='placeholder' style='padding-bottom: 66.666666666667%;'>
      <a href='/Detail/@Id.html' target="_blank">
        <img class=' lazyloaded' data-src='@Thumb' src='@Thumb' alt='@Title'> 
      </a>
          </div>
      </div>
      <div class='entry-wrapper'>
              <a class='grid_author_avt' href='/Detail/@Id.html' target="_blank"><div class='grid_author_bggo avatar bg-cover' style='background-image: url(@AuthorImage);'></div> </a>
            
  <header class='entry-header'>          <div class='entry-meta'>
                  <span class='meta-category'>
                          <a href='/List/@CateId.html' rel='category' target="_blank">
                  <i class='dot'></i>@CateName              </a>
                      </span>
              </div>
    
    <h2 class='entry-title'><a href='/Detail/@Id.html' title='@Title' rel='bookmark' target="_blank">@Title</a></h2>  </header>            <div class='entry-footer'>
  <ul class='post-meta-box'>

        <li class='meta-date'>
      <time datetime='@Time'><i class='fa fa-clock-o'></i> @Time</time>
    </li>
            <li class='meta-views'><span><i class='fa fa-eye'></i> @Hits</span></li>
            <!--<li class='meta-comment'><span><i class='fa fa-comments-o'></i> 0</span></li>-->
                  
  </ul>
</div>    </div>
  </article>
</div>`;
	$(".infinite-scroll-button").click(function(){
		$.get("/List/GetArticleInfo",{page:page,limit:limit},function(res){
			for(var i = 0;i<res.length;i++){
				var data = template;
				data = data.replace(/@Title/g,res[i].title).replace(/@Id/g,res[i].id).replace(/@Thumb/g,res[i].thumb).replace(/@AuthorName/g,res[i].username).replace(/@AuthorImage/g,res[i].userImage).replace(/@CateName/g,res[i].cateName).replace(/@CateId/g,res[i].cateId).replace(/@Time/g,res[i].creatTime).replace(/@Hits/g,res[i].hits);
				$(".posts-wrapper").append(data);
			}
			if(res.length<limit){
				$(".infinite-scroll-button").css("display","none");
			}else{
				page++;
				$(".infinite-scroll-button").html("加载更多");
			}
		},"JSON");
		$(this).html("<i class='fa fa-spinner fa-spin'></i> 加载中...");
	});
	
  });
  </script>